// @each $member in 'red', 'yellow', 'green', 'blue' {
// 　　.#{$member} {
// 　　　color:$member;
// 　　}
// }
@mixin square($px){width: $px;height: $px;}
@mixin left($value: 0px) {float: left; margin-right: $value;}
@mixin right($value: 0px) {float: right; margin-left: $value;}
@mixin timelime-itme($color) { color: $color; border-color: $color;}
$wite: #efede8;
$blue: #1875e7;　

.banner-item {background:$wite;}
.banner { 
    width: 68%; overflow: hidden; float: right; margin-bottom: 20px ;
    .fader{
        .banner-item{
            // height: 408px;
        }
    }
}
.banner:hover .fader_controls .page.prev { opacity: 0.5; left: 0 }
.banner:hover .fader_controls .page.next { opacity: 0.5; right: 0 }

.img-square{ @include square(40px);}

// 时间轴
.ant-timeline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    margin: 0;
    padding: 0;
    list-style: none;
 
    &.ant-timeline-right {
        .ant-timeline-item-right {
            .ant-timeline-item-tail, 
            .ant-timeline-item-head, 
            .ant-timeline-item-head-custom {
                left: calc(100% - 4px - 2px);
            }
            .ant-timeline-item-content {
                width: calc(50% - 12px);
                margin: 0;
                text-align: right;
            }
        }
    }
    &.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
        width: calc(100% - 18px);
    }  
    &.ant-timeline-alternate .ant-timeline-item-head, 
    &.ant-timeline-right .ant-timeline-item-head {
        margin-left: -4px;
    }
  
    &.ant-timeline-alternate {
        left: 50%;
        .ant-timeline-item{
 
            .ant-timeline-item-head-custom{
                left: 50%;
                margin-left: 1px;
            }
            &.ant-timeline-item-left{
                .ant-timeline-item-tail{
                    left: 50%;
                }
                .ant-timeline-item-head{
                    margin-left: -4px;
                }
                .ant-timeline-item-content{
                    left: calc(50% - 4px);
                    width: calc(50% - 14px);
                    text-align: left;
                }
            }
            &.ant-timeline-item-right{
                .ant-timeline-item-tail{
                    left: 50%;
                }
                .ant-timeline-item-head{
                    margin-left: -4px;
                }
                .ant-timeline-item-content{
                    width: calc(50% - 12px);
                    margin: 0;
                    text-align: right;
                }
            }
        }
        .ant-timeline-item-head{
            left: 50%;
        }
    }

    .ant-timeline-item {
        position: relative;
        margin: 0;
        padding: 0 0 20px;
        font-size: 14px;
        list-style: none;
        &.ant-timeline-item-left {
            .ant-timeline-item-content{
                text-align: left;
            }
        }
        &.ant-timeline-item-right {
            .ant-timeline-item-head {
                margin-left: -4px;
                &.ant-timeline-item-head-custom {
                    margin-left: 1px !important;
                }
            }
            .ant-timeline-item-tail{
            
            }
        }  
        .ant-timeline-item-tail {
            position: absolute;
            top: 10px;
            left: 4px;
            height: calc(100% - 10px);
            border-left: 2px solid #e8e8e8;
        }
        .ant-timeline-item-head {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #fff;
            border: 2px solid transparent;
            border-radius: 100px;
        }
        .ant-timeline-item-head-blue {
            @include timelime-itme(#1890ff);
        }
        .ant-timeline-item-head-red {
            @include timelime-itme(#f5222d);
        }
        .ant-timeline-item-head-green {
            @include timelime-itme(#52c41a);
        }
        .ant-timeline-item-head-gray {
            @include timelime-itme(rgba(0, 0, 0, 0.25));
        }
        .ant-timeline-item-head-custom {
            position: absolute;
            top: 5.5px;
            left: 5px;
            width: auto;
            height: auto;
            margin-top: 0;
            padding: 3px 1px;
            line-height: 1;
            text-align: center;
            border: 0;
            border-radius: 0;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
        .ant-timeline-item-content {
            position: relative;
            top: -6px;
            margin: 0 0 0 18px;
            word-break: break-word;
        }
    }
    .ant-timeline-item-last{
        .ant-timeline-item-tail{
            display: none;
        }
    }
}
